<template>
  <div id="app">
    <keep-alive>
      <router-view/>
    </keep-alive>
     <section class="footer">
      <tabbar :index="0" />
    </section>
  </div>
</template>
<script>
import Tabbar from '@/components/Tabbar'
export default {
  name: 'App',
  components: {
    Tabbar
  }
}
</script>

<style lang="less">
@import '~less/variable.less';
  * {
    -webkit-tap-highlight-color: transparent;
  }
  body {
    font-size: 16px;
    background-color: white;
    -webkit-font-smoothing: antialiased;
    font-family: @font-pfm;
  }
</style>
